<!DOCTYPE html>
<html lang="pt">
<head>
<meta charset="utf-8" />
<title>Tag.in - Share your tags with the world</title>
<link rel="stylesheet" type="text/css" href="css/style.css" />

<!--[if IE]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<link rel="stylesheet" type="text/css" href="css/iehacks.css" />
<![endif]-->

<!--[if lte IE 7]>
<link rel="stylesheet" type="text/css" href="css/ie67hacks.css" />
<![endif]-->
</head>
<body>
<div>
        &nbsp;
</div>

<header>
        <div id="logo">
                <h1><a href="#">Tag.in</a></h1>
        </div>
        <nav>
                <ul>
                        <li><a href="index.html">login</a></li>
                        <li><a href="about.html">sobre nós</a></li>
                        <li><a href="contact.html">contactos</a></li>
                </ul>
        </nav>
</header>

<div id="content">
        <section class="login">
                <h3>Login</h3>
                <div id="map_canvas">
                Nome de utilizador:<br/>
                <input type="text" id="username" /></br>
                Senha<br/>
                <input type="text" id="password" /><br/>
                <input type="submit" id="submit_login" value="Submeter" onclick="login()" />
                </div>
        </section>
</div>

<footer id="main-footer">
        <section id="footer-1">
                Copyright Tag.in &copy; 2011
        </section>
        <section id="footer-2">
        </section>
</footer>

<script type="text/javascript">
        function login() {
                        if(document.getElementById("username").value=="tagin" && document.getElementById("password").value=="tagin")
                                window.location = "index.html";
                        else
                                alert("Username: tagin\nPassword: tagin");
                }
</script>
</body>
</html>